.notice-details-all {
    width: 100%;
    background-color: rgb(241, 247, 255);
    padding-bottom: 20px;
    min-height: calc(100vh - 74px);

    .notice-details-middle {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        top: 16px;
        background: #fff;
        border-radius: 8px;
        // min-height: 800px;
        padding-bottom: 10px;
        margin-bottom: 16px;

        h1 {
            font-family: "Microsoft YaHei";
            font-size: 30px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 40px;
            letter-spacing: -1px;
            color: #333333;
            text-align: center;
            /* margin-bottom: 22px; */
            padding: 27px 42px 0;
        }

        .notice-details-message {
            text-align: center;
            margin: 10px 60px;

            .people-img {
                display: inline-block;
                width: 18px;
                height: 18px;
                // background-image: url('../images/people.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                margin-right: 4px;
                vertical-align: middle;
                top: -2px;
                position: relative;
            }

            .timer-img {
                display: inline-block;
                width: 15px;
                height: 15px;
                // background-image: url('../images/time.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                margin-right: 4px;
                vertical-align: middle;
                top: -2px;
                position: relative;
            }

            span:nth-child(1) {
                margin-right: 41px;
            }
        }

        .notice-content {
            min-height: 550px !important;
        }

        .notice-details-border {
            display: inline-block;
            width: 1128px;
            height: 1px;
            border-top: dashed 1px #cccccc;
            margin: 0 36px 15px 36px;
        }

        .notice-content {
            margin: 20px 70px 20px 72px;
            padding-bottom: 20px;
            min-height: 228px;
            word-break: break-word;

            li {
                list-style: inherit !important;
            }
        }
    }

    .notice-down-box {
        width: 1128px;
        height: 138px;
        background-color: #ebebeb;
        border-radius: 5px;
        margin: 0 36px 58px 36px;
        overflow: hidden;

        & p:nth-child(1) {
            font-family: "Microsoft YaHei";
            font-size: 164x;
            font-weight: normal;
            font-stretch: normal;
            line-height: 24px;
            letter-spacing: 0px;
            color: #000000;
            margin: 0 0 8px 0;

            i {
                display: inline-block;
                width: 24px;
                height: 24px;
                background: url('../images/附件下载.png');
                margin: 12px 6px 0 16px;
                vertical-align: sub;
            }
        }

        .notice-down-message {
            width: 1118px;
            height: 82px;
            background-color: #ffffff;
            border-radius: 3px;
            margin: 0 0 5px 5px;
            position: relative;

            .uploadType-img {
                display: inline-block;
                width: 45px;
                height: 50px;
                position: absolute;
                top: 16px;
                left: 20px;
                background-image: url('../../../common/images/uploadType/null.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

            .png,
            .jpg,
            .jpeg,
            .bmp,
            .gif {
                background-image: url(../../../common/images/uploadType/img.png);
            }

            .zip,
            .rar {
                background-image: url(../../../common/images/uploadType/zip.png);
            }

            .txt {
                background-image: url(../../../common/images/uploadType/txt.png);
            }

            .doc,
            .docx,
            .docs {
                background-image: url(../../../common/images/uploadType/doc.png);
            }

            .xls,
            .xlsx {
                background-image: url(../../../common/images/uploadType/excel.png);
            }

            .ppt,
            .pptx {
                background-image: url(../../../common/images/uploadType/PPT.png);
            }

            .pdf {
                background-image: url(../../../common/images/uploadType/PDF.png);
            }

            .mp3 {
                background-image: url(../../../common/images/uploadType/music.png);
            }

            .mp4 {
                background-image: url(../../../common/images/uploadType/video.png);
            }

            p:nth-child(2) {
                position: relative;
                top: 18px;
                left: 80px;
                font-family: "Microsoft YaHei";
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #000000;
                margin: 0;
                width: 400px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .down-file {
                position: relative;
                top: 20px;
                left: 92px;
                font-family: "Microsoft YaHei";
                text-decoration: underline;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #0099ff;
                margin: 0;
                cursor: pointer;
            }

            .preview-file {
                position: relative;
                top: 20px;
                left: 80px;
            }
        }
    }
}

.notice-details-empty {
    position: relative;
    z-index: 111;
    opacity: 1;
    top: -60px;
    background: #fff;
    height: 500px;

    h1 {
        font-size: 40px;
        line-height: 400px;
        text-align: center;
    }
}